<template>
	<view>
		<carHeader :title="'评价管理'"></carHeader>
		<view class="message" v-for="item in userList" :key="item.index">
			<view class="meHead">
				{{item.user.uName}}
				<view class="meButton" @click="finishOrder(item)">
					查看详情
				</view>
			</view>
			<view class="meBody">
				<p class="orderNum">订单编号：{{item.ddNumber}}</p>
				<p class="socre"><span>综合评分：{{item.evaluate.evRate}}分</span>
					<view class="star" v-for="(i,index) in item.evaluate.evRate" :key="i.index">
						<u-icon name="star-fill" color="#ffc100">
						</u-icon>
					</view>
				</p>
				<p class="time">评价时间：{{item.evaluate.evTime}}</p>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userList:[],
			};
		},
		created() {
			this.assesManage();
		},
		methods:{
	   //         change(item){
				// 	const obj = item;
				// 	console.log("---------------");
				// 	console.log(obj);
				// 	uni.navigateTo({
				// 		url: '/pages/successOrder/successOrder?ddNumber='+obj.ddNumber,
				// 		events: {
				// 		    // 为指定事件添加一个监听器，获取被打开页面传送到当前页面的数据
				// 		    acceptDataFromOpenedPage: function(data) {
				// 		      console.log(data)
				// 		    },
				// 		    someEvent: function(data) {
				// 		      console.log(data)
				// 		    },
				// 		  },
				// 		  success: function(res) {
				// 		    // 通过eventChannel向被打开页面传送数据
				// 		    res.eventChannel.emit('acceptDataFromOpenerPage', { data: obj })
				// 		  }
				// 	});
				// 	// console.log(item.ddNumber);
				// },
			
			// 传递订单编号给已完成订单页面
			finishOrder(item){
				      // const obj = item; 		  
				uni.navigateTo({
					url: '/pages/successOrder/successOrder?ddNumber='+item.ddNumber,
				})
			},
			assesManage(){
				      uni.request({  
				        url: 'http://localhost:9299/dingdan/findDDList', // 你的接口地址  
				        method: 'GET', // 或者 'POST'  
				        // 如果是POST请求，data字段用来发送请求参数  
				        // data: {  
				        //   key: 'value'  
				        // },  
				        // 设置请求的 header  
				        header: {  
				          'content-type': 'application/json' // 根据需要设置  
				          // 'Authorization': 'Bearer ' + token // 示例：添加token到header中  
				        },  
				        success: (res) => {  
				          // 请求成功的回调  
				          console.log('请求成功：', res.data.rows);
				          this.userList = res.data.rows; 
						  console.log(this.userList);
						  // for(var i = 0;i < this.userList.length;i++){
							 //  console.log(this.userList[i].ddNumber);
						  // }
;                         
						  // 假设后端返回的数据可以直接赋值给data  
				        },  
				        fail: (err) => {  
				          // 请求失败的回调  
				          console.error('请求失败：', err);  
				        }  
				      });  
			}
		}
	}
</script>

<style lang="scss">
	.message {
		background-color: #fff;
		margin: 30rpx 20rpx;
		padding: 30rpx;
		border-radius: 30rpx;
		position: relative;
		top: -280rpx;

		.meHead {
			font-size: 36rpx;
			padding-bottom: 15rpx;
			border-bottom: 5rpx solid #f7f7f7;

			.meButton {
				display: inline-block;
				// position: relative;
				// left: 350rpx;
				float: right;
				background-color: #0863e7;
				border-radius: 50rpx;
				width: 200rpx;
				text-align: center;
				height: 60rpx;
				line-height: 60rpx;
				color: #FFF;
			}
		}

		.meBody {
			margin-top: 20rpx;

			.orderNum {
				color: #3f89fa;
				margin-bottom: 10rpx;
			}

			.socre {
				margin-bottom: 10rpx;

				span {
					margin-right: 20rpx;
				}

				.star {
					display: inline-block;
				}
			}

			.time {
				color: #858585;
			}
		}
	}
</style>